@import url(../../../../../app.wxss);

kd-img {
    line-height: 0;
}

.store-container {
    width: 100%;
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    // padding: 35px 22px;
    margin-bottom: 21px;
    justify-content: space-between;
    font-family: PingFang SC;
    position: relative;

    // .distance {
    //     position: absolute;
    //     right: 22px;
    //     top: 35px;
    //     min-width: 120px;
    //     font-size: 29px;
    //     color: #888888;
    //     line-height: 42px;
    // }
    // .info {
    //     display: flex;
    //     flex-direction: column;

    //     .name {
    //         .store-icon {
    //             width: 123px;
    //             height: 36px;
    //             margin-right: 16px;
    //         }
    //         display: flex;
    //         align-items: center;

    //         font-size: 32px;
    //         color: #090909;
    //         .store-name {
    //             line-height: 40px;
    //             max-width: 430px;
    //             display: -webkit-box;
    //             overflow: hidden;
    //             -webkit-box-orient: vertical;
    //             text-overflow: ellipsis;
    //             -webkit-line-clamp: 2
    //         }
    //     }
    //     .tips {
    //         margin-left: 5px;
    //         margin-top: 21px;
    //         width: 100%;
    //         display: flex;
    //         .item {
    //             height: 40px;
    //             background: rgba(230,67,64, 0.06);
    //             border-radius: 7px;

    //             display: flex;
    //             justify-content: center;
    //             align-items: center;
    //             font-size: 23px;
    //             padding: 0 20px;
    //             line-height: 28px;
    //             color: #e64340;
    //             margin-right: 33px;
    //         }
    //     }

    //     .buy-info {
    //         font-size: 27px;
    //         color: #888888;
    //         margin-top: 16px;
    //         margin-left: 5px;
    //         .li {
    //             display: flex;
    //             min-height: 40px;
    //             align-items: center;
    //             margin-bottom: 6px;
    //             line-height: 40px;
    //             &:last-child {
    //                 margin-bottom: 0px;
    //             }
    //         }
    //         .icon {
    //             width: 26px;
    //             height: 26px;
    //             margin-right: 9px;
    //         }
    //     }
    // }
}
.list_box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
    background-color: white;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;

    .logo {
        width: 100px;
        height: 100px;
        border-radius: 15rpx;
        overflow:hidden;
        .txt{
            width: 100%;
            height: 100%;
            line-height: 100px;
            color:#8e8f92;
            font-size: 24px;
            text-align: center;
        }
    }

    .desc {
        flex: 5;

        .nameBox {
            width: 100%;
            display: flex;
            align-items: center;

            .state {
                border-radius: 8px;
                float: left;
                font-size: 24px;
                box-sizing: border-box;
                padding: 10px;
                margin: 0 16px;
                text-align: center;
            }

            .name {
                flex: 1;
                line-height:32px;
                height:32px;
                float: left;
                font-size: 30px;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                word-break: break-all;
            }
        }

        .addressBox,
        .timeBox {
            margin: 16px 0;
            color: #888;

            .iconfont {
                font-size: 30px;
                float: left;
                margin: 3px 16px 0 8px;
            }

            .address {
                font-size: 30px;
                line-height: 38px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                word-break: break-all;
            }
        }

        .timeBox {
            margin-bottom: 0;
        }
    }
    .service {
        display: flex;
        margin-top: 23px;
        flex-wrap: wrap;

        .item {
          font-size: 20px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #D65657;
          padding: 10px 20px;
          background: #FEF4F5;
          border-radius: 4px;
          margin-right: 15px;
        }

      }

    .operation {
        flex: 2;
        display: flex;
        justify-content: space-around;

        .line {
            width: 1px;
            height: 130px;
            margin: 0 20px;
            background-color: #d0d0d0;
        }
       

        .content {
            width: 100%;

            .toNavigation {
                width: 100%;
                text-align: center;

                .txt {
                    font-size: 30px;
                }

                .distance {
                    font-size: 24px;
                    margin: 20px 0;
                    color: #888;
                }
            }

            .iconBox {
                width: 100%;
                display: flex;
                justify-content: space-around;

                .iconfont {
                    font-size: 40px;
                    margin-left: 10px;
                }
            }
        }
    }
}

.no-express {
    opacity: 0.5;
}
